<template>
	<view>
			<uni-nav-bar @clickLeft="back" left-icon="back" left-text="返回"  :title="title"></uni-nav-bar>
		<view class="center">
			<!-- 用户祥光信息的展示 -->
				<view class="top">
				    <h4>181</h4> <text>春卷</text>
				</view>	
				
			<view class="messag">
					
					<view class="price-crad">
						<text>1元</text>
						<text>100春卷</text>
					</view>
					
					<view class="price-crad">
						<text>1元</text>
						<text>100春卷</text>
					</view>
					
					<view class="price-crad">
						<text>1元</text>
						<text>100春卷</text>
						<view class="tap">
							<text>送3元</text>
						</view>
					</view>
					
					<view class="price-crad">
						<text>1元</text>
						<text>100春卷</text>
						<view class="tap">
							<text>送10元</text>
						</view>
					</view>
					
					
					
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		prop(){},
		onLoad() {
			
		},
		created() {
			
		},
		data() {
			return {
				title: '我的账户'
			}
		},
		methods:{
			back(){
				uni.navigateBack()
			}
		}
	}
</script>

<style  scoped>
	
  .center{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .top{
	display: flex;
	width: 100%;
	justify-content: center;
	margin: 16vh;
	align-items: center;
	
  }
  h4{
	  color:red;
	  font-size:30px
  }
  	
  .messag{
	  position: absolute;
	  bottom: 0;
	  /* background-color: antiquewhite; */
	  width: 100%;
	  height: 35vh;
	  border-top: 1px solid #666;
	  display: flex;
	  justify-content: space-around;;
  }
  .price-crad{
	  margin-top: 12vh;
	   display: flex;
	   flex-direction: column;
	   border: 1px solid;
	   height: 7vh;
	   font-size: 13px;
	   padding: 5px;
	   text-align: center;
	   text-align: center;
	   align-items: center;
	   justify-content: center;
	   border-radius: 10px;
	  position: relative;
	  width: 11vh;
  }
  .tap{
	  position: absolute;
	      top: 0;
	      right: 4px;
	      font-size: 5px;
  }
</style>


